.easyswitch{width:80px; height:22px; display:inline-block; position:relative; cursor:pointer; border:1px solid #666; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.easyswitch .easyswitch-label{float:left; margin:0; font-family:Arial, 宋体; font-size:12px; width:40px; height:22px; line-height:22px; text-align:center;}
.easyswitch .easyswitch-slider{position:absolute; top:1px; z-index:999; width:37px; height:18px; border:1px solid rgba(0,0,0,0.3); border-radius:3px; background:#fff;
background:-moz-linear-gradient(top,  #ececec 0%, #ffffff 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#ffffff));
background:-webkit-linear-gradient(top,  #ececec 0%,#ffffff 100%);
background:-o-linear-gradient(top,  #ececec 0%,#ffffff 100%);
background:-ms-linear-gradient(top,  #ececec 0%,#ffffff 100%);
background:linear-gradient(top,  #ececec 0%,#ffffff 100%);
box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.5);
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
}
.easyswitch.on{background-color:#333; color:#fff;}
.easyswitch.off{background-color:#efefef; color:#333;}
.easyswitch.on .easyswitch-slider { left:50%; }
.easyswitch.off .easyswitch-slider { left:1px; }